<template>
        <div class="app3">
            子组件2
            <h4>玩具：{{ computer }}</h4>
            <h4>书籍：{{ book }}本</h4>
        </div>
</template>
    
<script setup lang='ts'>
import { ref } from 'vue';

let computer = ref('联想')
let book = ref(6)

defineExpose({computer,book})

</script>
    
<style scoped>
    .app3{
        padding: 10px;
        margin: 10px;
        background-color: orange;
        border-radius: 5px;
        box-shadow: 0 0 10px ;
    }
</style>

